<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>云平台首页</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/jquery-pie-loader.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css">
  <link type="text/css" rel="stylesheet" href="../static/css/chargingStationMap.css">
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type='text/javascript' src="../static/js/jquery-pie-loader.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/countUp.min.js"></script>
  <script type='text/javascript' src="https://webapi.amap.com/maps?v=1.3&key=244bc2cb511336b2a3e5129ad0309a13&&plugin=AMap.OverView,AMap.MapType,AMap.Geolocation,AMap.Scale,AMap.ToolBar,AMap.MarkerClusterer"></script>
  <script type='text/javascript' src="../static/js/chargingStationMap.js"></script>
</head>
<body>
  <div id="container" class="map">
  	<div id="mapChargingStationDetail" hidden="hidden"></div>
  </div>
  <form class="form-horizontal" id="searchSingleStation">
  	<input id="ChargingStationID" name="ChargingStationID" hidden="hidden">
  </form>
  <div class="bulidSelect" onMouseOver="changeBulidSelect(true)" onMouseOut="changeBulidSelect(false);">
      <div class="bulidTitle">筛选</div>
      <div class="bulidStatus" id="bulidStatus">
        <label class="checkbox">
         <input type="checkbox" id="bulidStatus1" value="1" onclick="clickCheckbox(this)">
         <span style="background:#929292;padding-right:20px;margin-right:5px;"></span>
         <a id="planningStatus" onclick="chargingStationPage('1')" style="cursor:pointer;">规划中</a>
        </label>
        <label class="checkbox">
         <input type="checkbox" id="bulidStatus2" value="2" onclick="clickCheckbox(this)">
         <span style="background:#e4ae1e;padding-right:20px;margin-right:5px;"></span>
         <a id="bulidingStatus" onclick="chargingStationPage('2')" style="cursor:pointer;">建设中</a>
        </label>
        <label class="checkbox">
         <input type="checkbox" id="bulidStatus3" value="3" checked onclick="clickCheckbox(this)">
         <span style="background:#1abc9c;padding-right:20px;margin-right:5px;"></span>
         <a id="bulitStatus" onclick="chargingStationPage('3')" style="cursor:pointer;">已投运</a>
        </label>
        <label class="checkbox">
          <img src="../static/images/cluster.png"/>
          <input type="checkbox" id="cluster" value="0" checked onclick="clickCheckbox(this)">聚合
        </label>
      </div>
  </div>
  <div class="info">
    <div class="PieDivs">
        <div class="PieDiv" style="border-bottom: 1px solid #ECECEC;">
            <div class="circleDiv">
                <div class="circleText" onMouseOver="showStatisticsSelectImage('statisticsSelect2', 'statisticsSelect1')" onMouseOut="showStatisticsSelectImage('statisticsSelect1', 'statisticsSelect2')" >
                    <img id="statisticsSelect1" src="../static/images/filtrate_two.png"/>
                    <img id="statisticsSelect2" src="../static/images/filtrate_one.png" hidden="hidden" style="cursor:pointer;" onclick="changeStatisticsSelect()"/>
                                                  充电站数
                </div>
                <svg>
                    <circle cx="40" cy="70" r="25" style="fill:#268AED"></circle>
                    <text x="30" y="78" font-size="20" style="fill:white">站</text>
                </svg>
            </div>
            <div class="circleDiv2 circleDivColor"><span id="chargingStationCount">0</span></div>
        </div>
    	<div class="PieDiv4" style="cursor:pointer;border-bottom: 1px solid #ECECEC;" onclick="window.parent.skipMenu('chargingEquipment/chargingRecord', 'drownDown4', '', 'chargingRecordPage', 'chargingRecord')">
    		<div class="Right_message">
                <div><span class="borBlue"></span> 总充电量</div>
                <div class="pieDivBody"><span id="chargingDegreeTotalW" class="circleDivColor1">0</span>万度</div>
                <div><span id="chargingDegreeTotal">0</span>度</div>
    		</div>
    	</div>
    	<div class="PieDiv5" style="border-bottom: 1px solid #ECECEC;">
    		<div class="Right_message">
                <div><span class="borGreen"></span> 总碳减量</div>
                <div class="pieDivBody"><span id="carbonReductionTotalW" class="circleDivColor2">0</span>吨</div>
                <div><span id="carbonReductionTotal">0</span>千克</div>
    		</div>
    	</div>
	    <div class="PieDiv">
	    	<div class="circleDiv">
	            <div class="circleText1"><span class="borBlue"></span> 直流桩数</div>
		    	<svg>
	                <circle cx="40" cy="60" r="25" style="fill:#268AED"/>
	                <text x="30" y="68" font-size="20" style="fill:white">桩</text>
	                <line x1="45" y1="80" x2="250" y2="80" style="stroke:#268AED;stroke-width:2"/>
		    	</svg>
	    	</div>
	        <div class="circleDiv1"><span id="equipmentDCCount">0</span></div>
	    </div>
         <div class="PieDiv">
            <div class="circleDiv">
                <div class="circleText1"><span class="borGreen"></span> 日充电次数</div>
                <svg>
                    <circle cx="40" cy="60" r="25" style="fill:#35c85b"/>
                    <text x="30" y="68" font-size="20" style="fill:white">日</text>
                    <line x1="45" y1="80" x2="250" y2="80" style="stroke:#35c85b;stroke-width:2"/>
    			</svg>
            </div>
             <div class="circleDiv1"><span id="chargingCountDay">0</span></div>
        </div>
         <div class="PieDiv2">
            <div class="circleDiv">
                <div class="circleText1"><span class="borGreen"></span> 日充电度数</div>
                <svg>
                    <circle cx="40" cy="60" r="25" style="fill:#35c85b"/>
                    <text x="30" y="68" font-size="20" style="fill:white">日</text>
                    <line x1="45" y1="80" x2="250" y2="80" style="stroke:#35c85b;stroke-width:2"/>
                </svg>
            </div>
             <div class="circleDiv1"><span id="chargingDegreeDay">0</span></div>
        </div>
         <div class="PieDiv">
            <div class="circleDiv">
                <div class="circleText1"><span class="borBlue"></span> 月充电度数</div>
                <svg>
                    <circle cx="40" cy="60" r="25" style="fill:#268AED"/>
                    <text x="30" y="68" font-size="20" style="fill:white">月</text>
                    <line x1="45" y1="80" x2="250" y2="80" style="stroke:#268AED;stroke-width:2"/>
                </svg>
            </div>
            <div class="circleDiv1"><span id="chargingDegreeMonth">0</span></div>
        </div>
    </div>
  </div>
 <div id="statisticsSelect" class='statisticsSelect' hidden="hidden" onMouseOver="changeStatisticsSelect()" onMouseOut="hideStatisticsSelect();"></div>
</body>
</html>
